<script type="text/javascript" charset="utf-8">
	/* Global var for counter */
	
	$(document).ready(function() {
		$('#example').dataTable();
		$('#example_length').remove();
		$('#example_filter').remove();
		$('#example_info').remove();
		$('#example_paginate').remove();

		 $.datepicker.setDefaults($.datepicker.regional['nl']); 
		 $.datepicker.setDefaults({ dateFormat: 'yy-mm-dd' });
		/* 日历 */	 
		$( "#from" ).datepicker({
			changeMonth: true,
			changeYear: true
		});
		$( "#to" ).datepicker({
			changeMonth: true,
			changeYear: true
		});
	} );
</script>

<!-- /.section, /#navigation -->
<div id="main-wrapper">
  <div class="clearfix with-navigation" id="main">
    <div class="column" id="content">
      <div class="section">
      		<!--{$htmlErrMsg}-->
          	<div id="content-area" >
          		<div style = "display:table-cell;text-align:left; width: 960px;">
          			<h3>Participant Detail </h3>
          			<hr>
          		</div>
          	
          		<form action="<!--{$smarty.const.HTTP_URL}-->conference/index.php" method="post" id="user-register" >
	          		<div class="form-item" id="edit-mail-wrapper">
		              <input name="bk" id="back" value="Go back" class="form-submit" type="button" onclick='history.back();' style=" float:right; width:100px; ">
	              	</div>
          	
          			<input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
          			<input type="hidden" name="mode" id="mode" value="joinConference" />
          			<input type="hidden" name="conferenceId" id="conferenceId" value="<!--{$showConferenceId|escape}-->" />
	              <!-- lastnameName -->
	              <div class="form-item" id="edit-mail-wrapper">
	                <label for="edit-mail">Last Name: 
	                <span class="form-required" title="This field is required.">&nbsp </span>
	                </label>
	                <input name="lastName" 
	                		id="lastnNme" 
	                		value="<!--{$participantInfoArr.participant_lastname|escape}-->" 
	                		class="form-text required" 
	                		type="text" 
	                		style = "width:200px;border-style:none;background-color: #FFFFFF" readonly="readonly" />
	                <span style='color: #1B2E79;padding-left:30px'> First Name: </span>
	                 <input name="firstName" 
	                		id="firstName" 
	                		value="<!--{$participantInfoArr.participant_firstname|escape}-->" 
	                		class="form-text required" 
	                		type="text" 
	                		style = "width:200px;border-style:none;background-color: #FFFFFF" readonly="readonly" />
	              </div>
	              
	              <!-- email -->
	              <div class="form-item" id="edit-mail-wrapper">
	                <label for="edit-mail">Email: 
	                <span class="form-required" title="This field is required.">&nbsp </span>
	                </label>
	                <input name="email" 
	                		id="email" 
	                		value="<!--{$participantInfoArr.mail_add|escape}-->" 
	                		class="form-text required" 
	                		type="text"
	                		style = "border-style:none;background-color: #FFFFFF" readonly="readonly" />
	              </div>
	              <!-- tel -->
	              <div class="form-item" id="edit-mail-wrapper">
	                <label for="edit-mail">Tel: 
	                <span class="form-required" title="This field is required.">&nbsp </span>
	                </label>
	                <input name="tel" 
	                		id="tel" 
	                		value="<!--{$participantInfoArr.tel_no|escape}-->" 
	                		class="form-text required" 
	                		type="text" 
	                		style = "width:100px;border-style:none;background-color: #FFFFFF" readonly="readonly" />
	                <span style='color: #1B2E79;padding-left:130px;'> Fax: </span>
	                <input name="fax" 
	                		id="fax" 
	                		value="<!--{$participantInfoArr.fax_no|escape}-->" 
	                		class="form-text required" 
	                		type="text" 
	                		style = "width:100px;border-style:none;background-color: #FFFFFF" readonly="readonly" />
	                
	              </div>
	              
	              <!-- Number of partners -->
	              <div class="form-item" id="edit-mail-wrapper">
	                <label for="edit-mail">Partners Total: 
	                <span class="form-required" title="This field is required.">&nbsp </span>
	                </label>
	                <input name="partners" 
	                		id="partners" 
	                		value="<!--{$participantInfoArr.body_total|escape}-->" 
	                		class="form-text required" 
	                		type="text" 
	                		style = "width:200px;border-style:none;background-color: #FFFFFF" readonly="readonly" />
	                <span style='color: #1B2E79;padding-left:30px'> partners names: </span>
	                <input name="partnersNames" 
	                		id="partnersNames" 
	                		value="<!--{$participantInfoArr.person_names|escape}-->" 
	                		class="form-text required" 
	                		type="text" 
	                		style = "width:315px;border-style:none;background-color: #FFFFFF" readonly="readonly" />
	                
	              </div>
              		
	              <div class="form-item" id="edit-mail-wrapper">
	                <label for="from">Conference Time: 
	                	<span class="form-required" title="This field is required.">&nbsp </span>
	                </label>
	                <input name="from" 
	                		id="from" 
	                		value="<!--{$participantInfoArr.start_date|escape}-->" 
	                		class="form-text required" 
	                		type="text" 
	                		style = "width:80px;border-style:none;background-color: #FFFFFF" readonly="readonly" />
	                <spany style='color: #1B2E79;' title="This field is required."> --- </span>
	                <input name="to" 
	                		id="to" 
	                		value="<!--{$participantInfoArr.end_date|escape}-->" 
	                		class="form-text required" 
	                		type="text" 
	                		style = "width:80px;border-style:none;background-color: #FFFFFF" readonly="readonly" />
	                <span class="form-required" title="This field is required.">&nbsp </span>
	              </div>
	              
	              	<div style = "display:table-cell;text-align:left; width: 960px;" >
          				<hr>
          			</div>
          			
	           	 	
	           	 	<div>
               		<div style="height: 500px;" id="container" >
					<div id="demo">
						<table cellpadding="0" cellspacing="0" border="0" class="display" id="example" style='WIDTH:700px;algint:center'>
							<thead>
								<tr>
									<th>Service Name</th>
									<th>Price($) </th>
									<th>Quantity</th>
									<th>Amount</th>
								</tr>
							</thead>
							<tbody>
							<!--{section name=cnt loop=$serviceInfo}-->
								<tr>
									<td style="width:500px"><!--{$serviceInfo[cnt].fees_name|escape}--></td>
									<td style="width:50px"><!--{$serviceInfo[cnt].price|escape}--></td>
									<td ><!--{$serviceInfo[cnt].quantity|escape}--></td>
									<td ><!--{$serviceInfo[cnt].amount|escape}--></td>
								</tr>
							<!--{/section}-->
							</tbody>
						</table>
					</div>
				</div>
            </div>
          </form>
          
        </div>
        	
      </div>
    </div>
    <!-- /.section, /#content -->
  </div>
</div>
<!-- /#main, /#main-wrapper -->
